ZLMediaKit编译与webrtc推拉流测试
ZLMediaKit支持了webrtc的推流与播放。特此记录下编译与测试的过程。编译环境OS版本:Ubuntu 20.04.2 LTSopenssl版本:OpenSSL 1.1.1fgcc版本:9.3.0cmake版本:3.16.3编译准备工作安装openssl。$ git clone https://github.com/openssl/openssl.git$ ./config$ make -j4$ sudo make install# 查看openssl版本$ openssl version -a安装...
2024-01-10vue 项目引入echarts 添加点击事件操作
main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsvue文件中_this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar'))_this.calendarChart.on('click',function (param) { console.log(param)}) _this.calendarChart...
2024-01-10where和having区别:
where和having区别:having只能用在group by之后,对分组后的结果进行筛选(即使用having的前提条件是分组)。where肯定在group by 之前,即也在having之前。where后的条件表达式里不允许使用聚合函数,而having可以。Where是一个约束声明,在查询数据库的结果返回之前对数据库中的查询条件进行约束,即在结果...
2024-01-10使用Vue、React和Koa开发个人博客
前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: - 后端管理使用Vue开发 - 前端页面使用React服务端渲染框架nextjs - 接口服务使用Koa2 + mongodb + mongoose(使用nodemailer当接口发生500时向我发送邮件通知)项目地址是点我访...
2024-01-10react16与react15之间的区别
项目中我一般用的还是react15的比较多,偶尔接触react16,目前使用的大多是生命周期的区别,16新增了几个生命周期。static getDerivedStateFromProps:用于代替componentReceiveProps。是个静态方法。父组件传入子组件的属性更新时,同步更新子组件state。B的a属性值是state,会变化新值和旧值不同时,返回新值更...
2024-01-10Vue页面切换和a链接的本质区别详解
Vue-router是伴随着Vue框架出现的路由系统,它也是公认的一种优秀的路由解决方案。在使用Vue-router时候,我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link>实现跳转,这和传统的<a href="path" rel="external nofollow" ></a>何其相似!但它们到底有什么具体的区别呢?对比<a>,Link组件避免了不必要...
2024-01-10Vue之Watcher源码解析(1)
上一节最后再次调用了mount函数,我发现竟然跳到了7000多行的那个函数,之前我还说因为声明早了被覆盖,看来我错了!就是这个函数:// Line-7531 Vue$3.prototype.$mount = function(el, hydrating) { el = el && inBrowser ? query(el) : undefined; return mountComponent(this, el, hydrating) };第一步query就不用看了,el此时是一...
2024-01-10vue reactive 中的数据为什么不能等于另外一个?
const data = reactive({ name: {id: 1, title: 'AAAAA'}, new1: data.name, new2: JSON.parse(JSON.stringify(data.name))})data.name 和 JSON.parse(JSON.stringify(data.name)) 都不可以,为什么?只能在 reactiv...
2024-02-07react/vue 组件设计方法/原则
网上看到了好多篇 react/vue 组件设计方法/原则 ,内容都是雷同(指不该相同而相同)。 我深恶痛绝,并深刻检讨自己,意识到普及互联网知识已经迫在眉睫,绝不容许有人浑水摸鱼。在短暂的失落和悲怆过后,这肩负振兴祖国互联网知识的重任,舍我其谁? 我集百家之长于一身,取其精华去...
2024-01-10【转】vue中动态设置meta标签和title标签
因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容//router内的设置{ path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name...
2024-01-10详解从react转职到vue开发的项目准备
前言首先,为什么我需要做这个项目准备工作呢?因为常年习惯React开发的我,最近突然接手了一个Vue项目,而之前基本没有过Vue的实践,这么突兀让还在沉溺于React开发的我进行Vue开发,甚是不习惯,那自然我需要想办法让Vue开发尽量与React相似,这样大概让自己在开发过程中更得心应手吧。组件开...
2024-01-10解决vue-router路由拦截造成死循环问题
笔记:vue-router路由拦截造成死循环,在做路由拦截的时候,一直出现死循环.router的index.js文件路由配置const router = new Router({routes: [{path: '/login',name: 'login',component: Login,meta: {isShow: true}}, {path: '/',component: Layout,redirect: '/home',meta: {title: "首页菜单"}, children: [{...
2024-01-10vue-resource 上传图片
const formData = new FormData()formData.append(\'file\',img,params.name);formData.append(\'id\',params.id);formData.append(\'name\',params.name);return new Promise((resolve,reject)=>{ Vue.http.post(uploadImg,formData).then(function(res){ resolve(res.bo...
2024-01-10对 Vue-Router 进行单元测试的方法
由于路由通常会把多个组件牵扯到一起操作,所以一般对其的测试都在 端到端/集成 阶段进行,处于测试金字塔的上层。不过,做一些路由的单元测试还是大有益处的。对于与路由交互的组件,有两种测试方式:使用一个真正的 router 实例mock 掉 $route 和 $router 全局对象因为大多数 Vue 应用用的都...
2024-01-10vue-router怎么动态配置,比如根据用户权限不同显示路由
1、vue-router怎么动态配置,比如根据用户权限不同显示路由如上图,我想根据用户权限不同,动态添加删除菜单下面是路由配置const routes = [ { path: '/', component: Home, name: '系统管理', iconCls: 'el-icon-setting', children: [ { path: '/Page12', component: Page12, name: '组织机构' }, { path: '/...
2024-01-10vue-router路由导航守卫中next控制实现
使用 vue-router 的导航守卫钩子函数,某些钩子函数可以让开发者根据业务逻辑,控制是否进行下一步,或者进入到指定的路由。例如,后台管理页面,会在进入路由前,进行必要登录、权限判断,来决定去往哪个路由,以下是伪代码:// 全局导航守卫router.beforEach((to, from, next) => {if('no login'){next(...
2024-01-10vue进阶:vue-router之导航守卫、路由元信息、路由懒加载
1.导航被触发2.在失活的组件里调用离开守卫:beforeRouteLeave —— 组件内守卫(离开组件)。3.调用全局的beforeEach守卫 —— 全局守卫(进入组件)。4.在重用组件里调用deforeRouteUpdatar守卫(2.2+)—— 组件内守卫(组件复用时调用/foo/:id)。5.在路由配置里调用beforeEnter。—— 路由独享守卫(进入组...
2024-01-10请问使用vue-router与v-show分别实现选项卡有什么区别?
我们开发项目,无论是后台管理系统,还是移动应用,经常会使用到各式各样类似选项卡的切换组件,如下:1、管理后台:2、选项卡:3、移动端底部tabber:问题如下:1、实现这种类选项卡组件有2中方法:分别是 vue-router的嵌套路由 和 v-show, 请问2种实现有什么区别(个人看不出区别),来回切换时,能否缓存原本查看的内容呢?什么时候使用vue-router的嵌套路由,什么时候使用v-sh...
2024-03-14[ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统
好久没写文字了,当然大家也不期待嘛,反正看代码就行了。首先说下这个项目吧。如标题一样是基于VUE+.NET开发的框架,也是群友一直吼吼吼要一个vue版本的ABP框架。我们先来看看首页吧:还比较酷炫,提供下演示账号演示地址:http://vue.yoyocms.com/账号:demo密码:bb123456当然你也可以自己注册...
2024-01-10vue+vue-router 打包后遇到的一系问题
写完项目( vue-cli )直接 npm run build 之后,生成了一个dist 文件夹,里面有一个index.html和一个static文件夹,把dist文件夹放在我的wamp的www目录下,然后访问127.0.0.1/dist/,发现如下问题1.访问index.html文件没有内容,检查发现是因为index文件里的css和js路径有错 解决方法:修改源码config文件夹下的index.js ,...
2024-01-105分钟带你入门vuex(vue状态管理)
如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接下来我们就来学习一下vuex是如何修改状态值的:我们新建一个vue项目(这里由于我们是讲解vuex,所以对于vue项目的...
2024-01-10vue 运用mock数据的示例代码
本文介绍了vue 运用mock数据的示例代码,分享给大家,具体如下:初始化你的项目话不用啰嗦,首先初始化你的项目,最简单的就是使用vue-cli啦vue init webpack引入mock.js安装 mockjsnpm install --save-dev mockjs引入到Vue原型上,方便使用 import mockjs from 'mockjs' Vue.prototype.$mock = Vue.$mock = mockjs.mock以上引...
2024-01-10vue中mousewheel滚动
效果点击上下可以中间滚动,鼠标在框内滚动也会滚动。外部jsconst mouseEvent = { wheel(opt){ console.log(opt) if(!opt.target){ console.log('什么都没有,还让我帮忙!'); return ; } let callback = opt.callback || function () {}; let target = ...
2024-01-10vue-cropper插件实现图片截取上传组件封装
基于vue-cropper插件实现图片截取上传组件封装的具体代码,供大家参考,具体内容如下需求场景:后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue组件库搭配vue-cropper插件进行封装实现如下html<template> <div> <a-upload name="avatar" list-type="picture-card" clas...
2024-01-10【Web前端问题】Chrome78 拓展程序怎样通过第三方的方式来安装?
版本 78.0.3904.70(正式版本) (64 位)比如这个“迅雷下载安装”的拓展程序,好像是在某个网站上点击后自动就安装了,想知道是通过什么接口来安装的?...
2024-01-10webstrom设置新建Vue文件、去除右侧边界白线
webstrom设置Vue文件及其模板 Setting --> Editor --> File and Code Templates 点击“+”号设置name为“My Name”,Extension为vue(文件后缀) 模板内容中设置你自己想要设置的内容 apply OK 会弹出一个对话框,选择打开文件的类型选择html格式就好 然后就可以在新...
2024-01-10在vue项目中使用codemirror插件实现代码编辑器功能
在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示),具体内容如下所示:1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<template> <textarea ref="mycode" class="codesql" v-model="code" style="height:200px;width:600px;"></textarea></template><script>import "codemirror/th...
2024-01-10vue使用qrcode插件生成二维码
参考:https://www.jianshu.com/p/d3883e020d99步骤:第一步:vue-cli下载插件cnpm install --save qrcodejs2第二步:组件中引入插件<template> <div> <div id="qrcode"></div> <!-- 创建一个div,并设置id为qrcode --> </div></template> <script>import QRCode from \'qrcodejs2\' // 引入qrcodeexport d...
2024-01-10webstorm安装vue插件及安装过程出现的问题
想要编辑器识别vue文件需要安装vue插件1. 安装方法: File--> setting --> plugin ,点击plugin,在内容部分的左侧输入框输入vue,会出现1个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建文件时,会有vue文件的提示。 如下图所示:2:vue 使用的是es6语法, 所以要将javascript的版本改...
2024-01-10Linux安装phpcomposer
https://getcomposer.org/download/当前的最新版本为 1.9.3,下载地址为:https://getcomposer.org/download/1.9.3/composer.phar使用$ mv composer.phar /usr/local/bin/composer# 测试$ composer -V注意:composer 不允许 root 用户运行,需要使用普通用户。composer 的官网:https://getcomposer.org/设置镜像# 使用镜像$ compo...
2024-01-10